<template>
  <div style="width: 100%;height:100%" class="home">
    <el-card class="box-card" style="width:calc(50% - 12px);float:left;height:300px;margin:5px">
      <template #header>
        <div class="card-header">
          <span>应急信息</span>
        </div>
      </template>
    </el-card>
    <el-card class="box-card" style="width:calc(50% - 12px);float:left;height:300px;margin:5px">
      <template #header>
        <div class="card-header">
          <span>重要信息</span>
        </div>
      </template>
    </el-card>
    <el-card class="box-card" style="width:calc(50% - 12px);float:left;height:300px;margin:5px">
      <template #header>
        <div class="card-header">
          <span>待办信息</span>
        </div>
      </template>
    </el-card>
  </div>
</template>
<script lang="ts" setup>
// @ts-ignore
import {onMounted, ref} from 'vue'

const loading = ref(true);
onMounted(() => {
  setTimeout(function () {
    loading.value = false;
  }, 2000)
})
</script>
<style lang="less" scoped>

</style>